<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>结账</title>
    <meta name="description"
          content="Hurst – Furniture Store eCommerce HTML Template is a clean and elegant design – suitable for selling flower, cookery, accessories, fashion, high fashion, accessories, digital, kids, watches, jewelries, shoes, kids, furniture, sports….. It has a fully responsive width adjusts automatically to any screen size or resolution.">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" type="image/x-icon" href="assets/picture/favicon.ico">
    <!-- Place favicon.ico in the root directory -->

    <!-- Google Font -->
    <link href='https://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>

    <!-- all css here -->
    <!-- bootstrap v3.3.6 css -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- animate css -->
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <!-- jquery-ui.min css -->
    <link rel="stylesheet" href="assets/css/jquery-ui.min.css">
    <!-- meanmenu css -->
    <link rel="stylesheet" href="assets/css/meanmenu.min.css">
    <!-- nivo-slider css -->
    <link rel="stylesheet" href="assets/css/nivo-slider.css">
    <link rel="stylesheet" href="assets/css/preview.css">
    <!-- slick css -->
    <link rel="stylesheet" href="assets/css/slick.min.css">
    <!-- lightbox css -->
    <link rel="stylesheet" href="assets/css/lightbox.min.css">
    <!-- material-design-iconic-font css -->
    <link rel="stylesheet" href="assets/css/material-design-iconic-font.css">
    <!-- All common css of theme -->
    <link rel="stylesheet" href="assets/css/default.css">
    <!-- style css -->
    <link rel="stylesheet" href="assets/css/style.min.css">
    <!-- shortcode css -->
    <link rel="stylesheet" href="assets/css/shortcode.css">
    <!-- responsive css -->
    <link rel="stylesheet" href="assets/css/responsive.css">
    <!-- modernizr css -->
    <script src="assets/js/modernizr-3.11.2.min.js"></script>
</head>
<body>
<!-- WRAPPER START -->
<div class="wrapper bg-dark-white">

    <!-- HEADER-AREA START -->
    <header id="sticky-menu" class="header header-2">
        <div class="header-area">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-4 offset-md-4 col-7">
                        <div class="logo text-md-center">
                            <a href="index.html"><img src="assets/picture/logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-md-4 col-5">

                    </div>
                </div>
            </div>
        </div>
        <!-- MAIN-MENU START -->
        <div class="menu-toggle menu-toggle-2 hamburger hamburger--emphatic d-none d-md-block">
            <div class="hamburger-box">
                <div class="hamburger-inner"></div>
            </div>
        </div>
        <div class="main-menu  d-none d-md-block">
            <nav>
                <ul>
                    <li><a href="index.html">主页</a></li>
                    <li><a href="shop.html">商品</a>
                        <div class="mega-menu menu-scroll">
                            <div class="table">
                                <div class="table-cell">
                                    <div class="half-width">
                                        <ul>
                                            <li class="menu-title">高评分</li>
                                            <!--TODO 商品列表-->
                                            <li><a href="#">henning koppel</a></li>
                                            <li><a href="#">jehs + Laub</a></li>
                                            <li><a href="#">vicke lindstrand</a></li>
                                            <li><a href="#">don chadwick</a></li>
                                            <li><a href="#">akiko kuwahata</a></li>
                                            <li><a href="#">barbro berlin</a></li>
                                            <li><a href="#">cecilia hall</a></li>
                                            <li><a href="#">don chadwick</a></li>
                                        </ul>
                                    </div>
                                    <div class="half-width">
                                        <ul>
                                            <li class="menu-title">流行的</li>
                                            <!--TODO 商品列表-->
                                            <li><a href="#">akiko kuwahata</a></li>
                                            <li><a href="#">barbro berlin</a></li>
                                            <li><a href="#">cecilia hall</a></li>
                                            <li><a href="#">don chadwick</a></li>
                                            <li><a href="#">henning koppel</a></li>
                                            <li><a href="#">jehs + Laub</a></li>
                                            <li><a href="#">vicke lindstrand</a></li>
                                            <li><a href="#">don chadwick</a></li>
                                        </ul>
                                    </div>
                                    <div class="full-width">
                                        <div class="mega-menu-img">
                                            <!--TODO 商品列表下的图片保留?更改-->
                                            <a href="single-product.html"><img src="assets/picture/13.jpg" alt=""></a>
                                        </div>
                                    </div>
                                    <div class="pb-80"></div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li><a href="cart.html">购物车</a>
                    </li>
                    <li><a href="my-account.html">个人信息</a></li>

                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="contact.html">导航</a></li>
                </ul>
            </nav>
        </div>
        <!-- MAIN-MENU END -->
    </header>
    <!-- HEADER-AREA END -->

    <!-- HEADING-BANNER START -->
    <div class="heading-banner-area overlay-bg">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading-banner">
                        <div class="heading-banner-title">
                            <h2>结账</h2>
                        </div>
                        <div class="breadcumbs pb-15">
                            <ul>
                                <li><a href="index.html">主页</a></li>
                                <li>结账</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- HEADING-BANNER END -->
    <!-- CHECKOUT-AREA START -->
    <div class="shopping-cart-area  pt-80 pb-80">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="shopping-cart">
                        <!-- Nav tabs -->
                        <ul class="cart-page-menu nav row clearfix mb-30">
                            <li><a href="#shopping-cart" data-bs-toggle="tab">购物车</a></li>
                            <li><a href="#wishlist" data-bs-toggle="tab">愿望清单</a></li>
                            <li><a class="active" href="#check-out" data-bs-toggle="tab">结账</a></li>
                            <li><a href="#order-complete" data-bs-toggle="tab">订单</a></li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <!-- shopping-cart start -->
                            <div class="tab-pane" id="shopping-cart">
                                <form action="javascript:;">
                                    <div class="shop-cart-table">
                                        <div class="table-content table-responsive">
                                            <table>
                                                <thead>
                                                <tr>
                                                    <th class="product-thumbnail">商品</th>
                                                    <th class="product-price">价格</th>
                                                    <th class="product-quantity">数量</th>
                                                    <th class="product-subtotal">总价</th>
                                                    <th class="product-remove">删除</th>
                                                </tr>
                                                </thead>
                                                <tbody>

#                                                TODO 购物车传值格式
                                                <tr>
                                                    <td class="product-thumbnail  text-left">
                                                        <!-- Single-product start -->
                                                        <div class="single-product">
                                                            <div class="product-img">
                                                                <a href="single-product.html"><img
                                                                        src="assets/picture/23.jpg" alt=""></a>
                                                            </div>
                                                            <div class="product-info">
                                                                <h4 class="post-title"><a class="text-light-black"
                                                                                          href="#">dummy product
                                                                    name</a></h4>
                                                                <p class="mb-0">Color : Black</p>
                                                                <p class="mb-0">Size : SL</p>
                                                            </div>
                                                        </div>
                                                        <!-- Single-product end -->
                                                    </td>
                                                    <td class="product-price">$56.00</td>
                                                    <td class="product-quantity">
                                                        <div class="cart-plus-minus">
                                                            <input type="text" value="02" name="qtybutton"
                                                                   class="cart-plus-minus-box">
                                                        </div>
                                                    </td>
                                                    <td class="product-subtotal">$112.00</td>
                                                    <td class="product-remove">
                                                        <a href="#"><i class="zmdi zmdi-close"></i></a>
                                                    </td>
                                                </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="customer-login mt-30">
                                                <h4 class="title-1 title-border text-uppercase">优惠券折扣</h4>
                                                <p class="text-gray">如果您有优惠券，请输入代码</p>
                                                <input type="text" placeholder="在此输入代码">
                                                <button type="submit" data-text="apply coupon"
                                                        class="button-one submit-button mt-15">使用优惠券
                                                </button>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="customer-login payment-details mt-30">
                                                <h4 class="title-1 title-border text-uppercase">付款详情</h4>
                                                <table>
                                                    <tbody>
#                                                    TODO 格式
                                                    <tr>
                                                        <td class="text-left">商品</td>
                                                        <td class="text-end">$155.00</td>
                                                    </tr>
<!--                                                    <tr>-->
<!--                                                        <td class="text-left">Cart Subtotal</td>-->
<!--                                                        <td class="text-end">$15.00</td>-->
<!--                                                    </tr>-->
<!--                                                    <tr>-->
<!--                                                        <td class="text-left">Vat</td>-->
<!--                                                        <td class="text-end">$00.00</td>-->
<!--                                                    </tr>-->
<!--                                                    <tr>-->
<!--                                                        <td class="text-left">Order Total</td>-->
<!--                                                        <td class="text-end">$170.00</td>-->
<!--                                                    </tr>-->
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="customer-login mt-30">
                                                <h4 class="title-1 title-border text-uppercase">计算商品</h4>
                                                <p class="text-gray">如果您有优惠券代码，请输入!</p>
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <input type="text" placeholder="国家">
                                                    </div>
                                                    <div class="col-md-4">
                                                        <input type="text" placeholder="地区/州">
                                                    </div>
                                                    <div class="col-md-4">
                                                        <input type="text" placeholder="邮政编码">
                                                    </div>
                                                </div>
                                                <button type="submit" data-text="get a quote"
                                                        class="button-one submit-button mt-15">获取报价
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- shopping-cart end -->
                            <!-- wishlist start -->
                            <div class="tab-pane" id="wishlist">
                                <form action="javascript:;">
                                    <div class="shop-cart-table">
                                        <div class="table-content table-responsive">
                                            <table>
                                                <thead>
                                                <tr>
                                                    <th class="product-thumbnail">商品</th>
                                                    <th class="product-price">价格</th>
                                                    <th class="product-stock">库存</th>
                                                    <th class="product-add-cart">添加至购物车</th>
                                                    <th class="product-remove">删除</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <td class="product-thumbnail  text-left">

<!--                                                        TODO 格式-->
                                                        <!-- Single-product start -->
                                                        <div class="single-product">
                                                            <div class="product-img">
                                                                <a href="single-product.html"><img
                                                                        src="assets/picture/23.jpg" alt=""></a>
                                                            </div>
                                                            <div class="product-info">
                                                                <h4 class="post-title"><a class="text-light-black"
                                                                                          href="#">商品名</a></h4>
                                                                <p class="mb-0">颜色 : Black</p>
                                                                <p class="mb-0">尺寸 : SL</p>
                                                            </div>
                                                        </div>
                                                        <!-- Single-product end -->
                                                    </td>
                                                    <td class="product-price">$56.00</td>
                                                    <td class="product-stock">in stock</td>
                                                    <td class="product-add-cart">
                                                        <a class="text-light-black" href="#"><i
                                                                class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                    </td>
                                                    <td class="product-remove">
                                                        <a href="#"><i class="zmdi zmdi-close"></i></a>
                                                    </td>
                                                </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- wishlist end -->
                            <!-- check-out start -->
                            <div class="tab-pane active" id="check-out">
                                <form action="javascript:;">
                                    <div class="shop-cart-table check-out-wrap">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="billing-details pr-20">
                                                    <h4 class="title-1 title-border text-uppercase mb-30">账单明细</h4>
                                                    <input type="text" placeholder="你的名字">
                                                    <input type="text" placeholder="邮件地址">
                                                    <input type="text" placeholder="电话">
<!--                                                    <input type="text" placeholder="Company neme here...">-->
                                                    <select class="custom-select mb-15">
                                                        <option>国家</option>
                                                        <option>孟加拉</option>
                                                        <option>美国</option>
                                                        <option>英国</option>
                                                        <option>澳大利亚</option>
                                                        <option>加拿大</option>
                                                    </select>
                                                    <select class="custom-select mb-15">
                                                        <option>状态</option>
                                                        <option>达卡</option>
                                                        <option>纽约</option>
                                                        <option>伦敦</option>
                                                        <option>墨尔本</option>
                                                        <option>渥太华</option>
                                                    </select>
                                                    <select class="custom-select mb-15">
                                                        <option>城镇 / 城市</option>
                                                        <option>达卡</option>
                                                        <option>纽约</option>
                                                        <option>伦敦</option>
                                                        <option>墨尔本</option>
                                                        <option>渥太华</option>
                                                    </select>
                                                    <textarea class="custom-textarea"
                                                              placeholder="你的地址在这"></textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-6 mt-xs-30">
                                                <div class="billing-details pl-20">
                                                    <h4 class="title-1 title-border
                                                     text-uppercase mb-30">送货到不同的地址</h4>
                                                    <input type="text" placeholder="名字">
                                                    <input type="text" placeholder="邮件地址">
                                                    <input type="text" placeholder="电话">
<!--                                                    <input type="text" placeholder="Company neme here...">-->
                                                    <select class="custom-select mb-15">
                                                        <option>国家</option>
                                                        <option>孟加拉</option>
                                                        <option>美国</option>
                                                        <option>英国</option>
                                                        <option>澳大利亚</option>
                                                        <option>加拿大</option>
                                                    </select>
                                                    <select class="custom-select mb-15">
                                                        <option>状态</option>
                                                        <option>达卡</option>
                                                        <option>纽约</option>
                                                        <option>伦敦</option>
                                                        <option>墨尔本</option>
                                                        <option>渥太华</option>
                                                    </select>
                                                    <select class="custom-select mb-15">
                                                        <option>城镇 / 城市</option>
                                                        <option>达卡</option>
                                                        <option>纽约</option>
                                                        <option>伦敦</option>
                                                        <option>墨尔本</option>
                                                        <option>渥太华</option>
                                                    </select>
                                                    <textarea class="custom-textarea"
                                                              placeholder="地址"></textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="our-order payment-details mt-60 pr-20">
                                                    <h4 class="title-1 title-border text-uppercase mb-30">订单</h4>
                                                    <table>
                                                        <thead>
                                                        <tr>
                                                            <th><strong>商品</strong></th>
                                                            <th class="text-end"><strong>总数</strong></th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

#                                                        TODO 格式,保留？
                                                        <tr>
                                                            <td>Dummy Product Name x 2</td>
                                                            <td class="text-end">$86.00</td>
                                                        </tr>


                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <!-- payment-method -->
                                            <div class="col-md-6">
                                                <div class="payment-method mt-60  pl-20">
                                                    <h4 class="title-1 title-border text-uppercase mb-30">付款方式</h4>
                                                    <div class="payment-accordion">
                                                        <!-- Accordion start  -->
                                                        <h3 class="payment-accordion-toggle active">直接银行转账</h3>
                                                        <div class="payment-content default">
                                                            <p>把你的付款直接打入我们的银行账户。请使用您的订单ID作为付款参考。
                                                                你的订单将不会被运送，直到资金已经在我们的帐户上结清。</p>
                                                        </div>
                                                        <!-- Accordion end -->
                                                        <!-- Accordion start -->
                                                        <h3 class="payment-accordion-toggle">支票支付</h3>
                                                        <div class="payment-content">
                                                            <p>请将支票寄到商店名称、商店街道、商店城镇、商店州/县、商店邮政编码。</p>
                                                        </div>
                                                        <!-- Accordion end -->
                                                        <!-- Accordion start -->
                                                        <h3 class="payment-accordion-toggle">PayPal</h3>
                                                        <div class="payment-content">
                                                            <p>通过PayPal支付；如果你没有PayPal账户，你可以用信用卡支付。</p>
                                                            <a href="https://wx.qq.com/"><img src="assets/picture/1.png" alt=""></a>
                                                            <a href="https://wx.qq.com/"><img src="assets/picture/2.png" alt=""></a>
                                                            <a href="https://wx.qq.com/"><img src="assets/picture/3.png" alt=""></a>
                                                            <a href="https://wx.qq.com/"><img src="assets/picture/4.png" alt=""></a>
                                                        </div>
                                                        <!-- Accordion end -->
                                                        <button class="button-one submit-button mt-15"
                                                                data-text="place order" type="submit">订购
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- check-out end -->
                            <!-- order-complete start -->
                            <div class="tab-pane" id="order-complete">
                                <form action="javascript:;">
                                    <div class="thank-recieve bg-white mb-30">
                                        <p>OK</p>
                                    </div>
                                    <div class="order-info bg-white text-center clearfix mb-30">
                                        <div class="single-order-info">
                                            <h4 class="title-1 text-uppercase text-light-black mb-0">订单编号</h4>
                                            <p class="text-uppercase text-light-black mb-0"><strong>m 2653257</strong>
                                            </p>
                                        </div>
                                        <div class="single-order-info">
                                            <h4 class="title-1 text-uppercase text-light-black mb-0">日期</h4>
                                            <p class="text-uppercase text-light-black mb-0"><strong>6月15,2024</strong></p>
                                        </div>
                                        <div class="single-order-info">
                                            <h4 class="title-1 text-uppercase text-light-black mb-0">总价</h4>
                                            <p class="text-uppercase text-light-black mb-0"><strong>$ 170.00</strong>
                                            </p>
                                        </div>
                                        <div class="single-order-info">
                                            <h4 class="title-1 text-uppercase text-light-black mb-0">付款方式</h4>
                                            <p class="text-uppercase text-light-black mb-0"><a href="#"><strong>check
                                                payment</strong></a></p>
                                        </div>
                                    </div>
                                    <div class="shop-cart-table check-out-wrap">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="our-order payment-details pr-20">
                                                    <h4 class="title-1 title-border text-uppercase mb-30">我们的订单</h4>
                                                    <table>
                                                        <thead>
                                                        <tr>
                                                            <th><strong>商品</strong></th>
                                                            <th class="text-end"><strong>总数</strong></th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

#                                                        TODO 商品格式
                                                        <tr>
                                                            <td>Dummy Product Name x 2</td>
                                                            <td class="text-end">$86.00</td>
                                                        </tr>
#                                                        TODO 写活
                                                        <tr>
                                                            <td>订单总计</td>
                                                            <td class="text-end">$170.00</td>
                                                        </tr>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <!-- payment-method -->
                                            <div class="col-md-6 mt-xs-30">
                                                <div class="payment-method  pl-20">
                                                    <h4 class="title-1 title-border text-uppercase mb-30">付款方式</h4>
                                                    <div class="payment-accordion">
                                                        <!-- Accordion start  -->
                                                        <h3 class="payment-accordion-toggle active">直接银行转账</h3>
                                                        <div class="payment-content default">
                                                            <p>把你的付款直接打入我们的银行账户。请使用您的订单ID作为付款参考。
                                                                你的订单将不会被运送，直到资金已经在我们的帐户上结清。</p>
                                                        </div>
                                                        <!-- Accordion end -->
                                                        <!-- Accordion start -->
                                                        <h3 class="payment-accordion-toggle">支票支付</h3>
                                                        <div class="payment-content">
                                                            <p>请将支票寄到商店名称、商店街道、商店城镇、商店州/县、商店邮政编码。</p>
                                                        </div>
                                                        <!-- Accordion end -->
                                                        <!-- Accordion start -->
                                                        <h3 class="payment-accordion-toggle">PayPal</h3>
                                                        <div class="payment-content">
                                                            <p>通过PayPal支付；如果你没有PayPal账户，你可以用信用卡支付。</p>
                                                            <a href="https://wx.qq.com/"><img src="assets/picture/1.png" alt=""></a>
                                                            <a href="https://wx.qq.com/"><img src="assets/picture/2.png" alt=""></a>
                                                            <a href="https://wx.qq.com/"><img src="assets/picture/3.png" alt=""></a>
                                                            <a href="https://wx.qq.com/"><img src="assets/picture/4.png" alt=""></a>
                                                        </div>
                                                        <!-- Accordion end -->
                                                        <button class="button-one submit-button mt-15"
                                                                data-text="place order" type="submit">place order
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- order-complete end -->
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- CHECKOUT-AREA END -->
    <!-- FOOTER START -->
    <footer>
        <!-- Footer-area start -->
        <div class="footer-area footer-2">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-footer">
                            <h3 class="footer-title  title-border">联系我们</h3>
                            <ul class="footer-contact">
                                <li><span>Address :</span>Your Address Goes Here,<br>City Name, Country Name</li>
                                <li><span>Cell-Phone :</span>012 345 678 0123</li>
                                <li><span>Email :</span>@example.com.com</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-3 col-sm-6">
                        <div class="single-footer">
                            <h3 class="footer-title  title-border">accounts</h3>
                            <ul class="footer-menu">
                                <li><a href="my-account.html"><i class="zmdi zmdi-dot-circle"></i>My Account</a></li>
                                <li><a href="wishlist.html"><i class="zmdi zmdi-dot-circle"></i>My Wishlist</a></li>
                                <li><a href="cart.html"><i class="zmdi zmdi-dot-circle"></i>My Cart</a></li>
                                <li><a href="login.html"><i class="zmdi zmdi-dot-circle"></i>Sign In</a></li>
                                <li><a href=""><i class="zmdi zmdi-dot-circle"></i>Check out</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-3 col-sm-6">
                        <div class="single-footer">
                            <h3 class="footer-title  title-border">shipping</h3>
                            <ul class="footer-menu">
                                <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>New Products</a></li>
                                <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>Top Sellers</a></li>
                                <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>Manufactirers</a></li>
                                <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>Suppliers</a></li>
                                <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>Specials</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-footer newsletter-item">
                            <h3 class="footer-title  title-border">Email Newsletters</h3>
                            <div class="footer-subscribe">
                                <form action="javascript:;">
                                    <input type="text" name="email" placeholder="Email Address...">
                                    <button class="button-one submit-btn-4" type="submit" data-text="Subscribe">
                                        Subscribe
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer-area end -->
        <!-- Copyright-area start -->
        <div class="copyright-area copyright-2">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="copyright">
                            <p class="mb-0">&copy; 2025. All Rights Reserved. <a target="_blank" href="/"
                                                                                 title="网站模板">网站模板</a></p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="payment  text-md-end">
                            <a href="#"><img src="assets/picture/1.png" alt=""></a>
                            <a href="#"><img src="assets/picture/2.png" alt=""></a>
                            <a href="#"><img src="assets/picture/3.png" alt=""></a>
                            <a href="#"><img src="assets/picture/4.png" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Copyright-area start -->
    </footer>
    <!-- FOOTER END -->
    <!-- QUICKVIEW PRODUCT -->
    <div id="quickview-wrapper">
        <!-- Modal -->
        <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body">
                        <div class="modal-product">
                            <div class="product-images">
                                <div class="main-image images">
                                    <img alt="#" src="assets/picture/quickview-photo.jpg">
                                </div>
                            </div><!-- .product-images -->

                            <div class="product-info">
                                <h1>Aenean eu tristique</h1>
                                <div class="price-box-3">
                                    <hr>
                                    <div class="s-price-box">
                                        <span class="new-price">$160.00</span>
                                        <span class="old-price">$190.00</span>
                                    </div>
                                    <hr>
                                </div>
                                <a href="shop.html" class="see-all">See all features</a>
                                <div class="quick-add-to-cart">
                                    <form method="post" class="cart">
                                        <div class="numbers-row">
                                            <input type="number" id="french-hens" value="3" min="1">
                                        </div>
                                        <button class="single_add_to_cart_button" type="submit">Add to cart</button>
                                    </form>
                                </div>
                                <div class="quick-desc">
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est
                                    tristique auctor. Donec non est at libero.
                                </div>
                                <div class="social-sharing">
                                    <div class="widget widget_socialsharing_widget">
                                        <h3 class="widget-title-modal">Share this product</h3>
                                        <ul class="social-icons">
                                            <li><a target="_blank" title="Google +" href="#"
                                                   class="gplus social-icon"><i class="zmdi zmdi-google-plus"></i></a>
                                            </li>
                                            <li><a target="_blank" title="Twitter" href="#" class="twitter social-icon"><i
                                                    class="zmdi zmdi-twitter"></i></a></li>
                                            <li><a target="_blank" title="Facebook" href="#"
                                                   class="facebook social-icon"><i class="zmdi zmdi-facebook"></i></a>
                                            </li>
                                            <li><a target="_blank" title="LinkedIn" href="#"
                                                   class="linkedin social-icon"><i class="zmdi zmdi-linkedin"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div><!-- .product-info -->
                        </div><!-- .modal-product -->
                    </div><!-- .modal-body -->
                </div><!-- .modal-content -->
            </div><!-- .modal-dialog -->
        </div>
        <!-- END Modal -->
    </div>
    <!-- END QUICKVIEW PRODUCT -->

</div>
<!-- WRAPPER END -->

<!-- all js here -->
<!-- jquery latest version -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/jquery-migrate-3.3.2.min.js"></script>
<!-- bootstrap js -->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- jquery.meanmenu js -->
<script src="assets/js/jquery.meanmenu.js"></script>
<!-- slick.min js -->
<script src="assets/js/slick.min.js"></script>
<!-- jquery.treeview js -->
<script src="assets/js/jquery.treeview.js"></script>
<!-- lightbox.min js -->
<script src="assets/js/lightbox.min.js"></script>
<!-- jquery-ui js -->
<script src="assets/js/jquery-ui.min.js"></script>
<!-- jquery.nivo.slider js -->
<script src="assets/js/jquery.nivo.slider.js"></script>
<script src="assets/js/home.js"></script>
<!-- jquery.nicescroll.min js -->
<script src="assets/js/jquery.nicescroll.min.js"></script>
<!-- countdon.min js -->
<script src="assets/js/countdon.min.js"></script>
<!-- wow js -->
<script src="assets/js/wow.min.js"></script>
<!-- plugins js -->
<script src="assets/js/plugins.js"></script>
<!-- main js -->
<script src="assets/js/main.min.js"></script>
</body>
</html>
